@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,ol,ul,li,hr,p,a,span,img{margin: 0;padding: 0;}
img{border: 0;vertical-align:bottom;-ms-interpolation-mode: bicubic;}
input,textarea,select{outline: none;margin: 0;padding: 0;}
a,a:link,a:hover{text-decoration: none;font-family: 'Microsoft Yahe';color: #000;}
ul,li{list-style-type: none;}
.clearfix{*display:table;*zoom:1;}
.clearfix:after{display:block;content:'';clear:both;height:0px;visibility: hidden;}
.left{float: left;}
.right{float: right;}

body{color: #000;line-height: 24px;font-size: 14px;}
.laptop{height: 878px;width: 1440px;_width:144px;min-width: 1440px;margin: 0 auto;}
.laptop .laptop_left{height: 100%;width: 160px;min-width: 160px;background: url(../images/laptop_left.png);float: left;margin: 0 auto;}

.laptop .laptop_cont{width: 1120px;min-width: 1120px;float: left;margin: 0 auto;}
.laptop .laptop_cont .laptop_top{height: 50px;width: 100%;min-width: 1120px;float: left;background: url(../images/laptop_top.png);}
.laptop .laptop_cont .laptop_banner{height: 100px;width: 100%;min-width: 1120px;height: 0 auto;float: left;background: url(../images/laptop_bg.gif);}
.laptop .laptop_cont .laptop_banner .logo{width: 640px;margin: 0 auto;float: left;}
.laptop .laptop_cont .laptop_banner .nav{width: 400px;margin: 0 auto;padding: 25px 10px 15px 70px;float: left;}
.laptop .laptop_cont .laptop_banner .nav a{display: block;width: 55px;height: 50px;color: #fff;line-height: 22px;font-size: 14px;border-radius: 30px;transition: .6s;text-align:center;float:left;padding-top:5px;margin-right:20px;}
.laptop .laptop_cont .laptop_banner .nav .navbule a{border: 2px solid #297fed;}
.laptop .laptop_cont .laptop_banner .nav .navbule a:hover{background: #297fed;}
.laptop .laptop_cont .laptop_banner .nav  .navorange a{border: 2px solid #eaa626;}
.laptop .laptop_cont .laptop_banner .nav  .navorange a:hover{background: #eaa626;}
.laptop .laptop_cont .laptop_banner .nav .navpurple a{border: 2px solid #a764a4;}
.laptop .laptop_cont .laptop_banner .nav .navpurple a:hover{background: #a764a4;}
.laptop .laptop_cont .laptop_banner .nav .navgreen a{border: 2px solid #00a11b;}
.laptop .laptop_cont .laptop_banner .nav .navgreen a:hover{background: #00a11b;color: #ffffff;}
.laptop .laptop_cont .laptop_banner .nav .navred a{border: 2px solid #cf1b19;}
.laptop .laptop_cont .laptop_banner .nav .navred a:hover{background: #cf1b19;}

.laptop .laptop_cont .laptop_screen{height: 550px;width: 100%;min-width: 1120px;margin: 0 auto;float: left;background: url(../images/laptop_bg.gif);}
.laptop .laptop_cont .laptop_screen .one{height: 265px;width: 100%;min-width: 1120px;margin-top: 10px;}
.laptop .laptop_cont .laptop_screen .one .xwtz{width: 260px;height: 260px;background: url(../images/xwtz.jpg) no-repeat;margin: 0 5px 0 30px;float: left;}
.laptop .laptop_cont .laptop_screen .one .xwtz .xwtz_cont{width: 260px;height: 260px;background: #fff url(../images/red-bt.png) no-repeat;opacity: 0;display: block;transition: 0.3s;-webkit-transition: .5s;-moz-transition: .5s;float: left;}
.laptop .laptop_cont .laptop_screen .one .xwtz .xwtz_cont .hd{width:100%;height:36px;}
.laptop .laptop_cont .laptop_screen .one .xwtz .xwtz_cont .hd .more{width: 58px;height: 36px;text-align: center;float: right;}
.laptop .laptop_cont .laptop_screen .one .xwtz .xwtz_cont .bd{width:100%;height:224px;}
.laptop .laptop_cont .laptop_screen .one .xwtz:hover .xwtz_cont{color: #656e73;opacity: 1;}

.laptop .laptop_cont .laptop_screen .one .tpgd{width: 525px;height: 260px;margin-right: 5px;float: left;}
.laptop .laptop_cont .laptop_screen .one .gzzd{width: 260px;height: 260px;background: url(../images/gzzd.jpg) no-repeat;float: left;}
.laptop .laptop_cont .laptop_screen .one .gzzd .gzzd_cont{width: 260px;height: 260px;background: #fff url(../images/purple-bt.png) no-repeat;opacity: 0;display: block;transition: 0.3s;-webkit-transition: .5s;-moz-transition: .5s;float: left;}
.laptop .laptop_cont .laptop_screen .one .gzzd .gzzd_cont .hd{width:100%;height:36px;}
.laptop .laptop_cont .laptop_screen .one .gzzd .gzzd_cont .hd .more{width: 58px;height: 36px;text-align: center;float: right;}
.laptop .laptop_cont .laptop_screen .one .gzzd .gzzd_cont .bd{width:100%;height:224px;}
.laptop .laptop_cont .laptop_screen .one .gzzd:hover .gzzd_cont{color: #656e73;opacity: 1;}

.laptop .laptop_cont .laptop_screen .two .jsfw{width: 260px;height: 260px;background: url(../images/jsfw.jpg) no-repeat;float: left;margin: 0 5px 0 30px;}
.laptop .laptop_cont .laptop_screen .two .jsfw .jsfw_cont{width: 260px;height: 260px;background: #fff;opacity: 0;display: block;transition: 0.3s;-webkit-transition: .5s;-moz-transition: .5s;float: left;}
.laptop .laptop_cont .laptop_screen .two .jsfw:hover .jsfw_cont{color: #656e73;opacity: 1;}
.laptop .laptop_cont .laptop_screen .two .jsfw .jsfw_cont h1{border-bottom: 2px solid #fff;}
.laptop .laptop_cont .laptop_screen .two .jsfw .jsfw_cont h1 a{font-size: 16px;color: #000;line-height: 28px;padding-bottom: 6px;}
.laptop .laptop_cont .laptop_screen .two .jsfw .jsfw_cont h1 a:hover{color: #fff;}
.laptop .laptop_cont .laptop_screen .two .jsfw .jsfw_cont h2 a{font-size: 14px;color: #000;line-height: 28px;font-weight: normal;}
.laptop .laptop_cont .laptop_screen .two .jsfw .jsfw_cont h2 a:hover{color: #fff;}
.laptop .laptop_cont .laptop_screen .two .jsfw .jsfw_cont .jxbg{width: 66px;height: 240px;float: left;opacity: 0.7;transition:  .6s;padding: 10px;text-align: center;}
.laptop .laptop_cont .laptop_screen .two .jsfw .jsfw_cont .jxbg:hover{opacity: 1;background: #ff3838;}
.laptop .laptop_cont .laptop_screen .two .jsfw .jsfw_cont .mklb{width: 67px;height: 240px;float: left;opacity: 0.7;transition:  .6s;padding: 10px;text-align: center;}
.laptop .laptop_cont .laptop_screen .two .jsfw .jsfw_cont .mklb:hover{opacity: 1;background: #7158e2;}
.laptop .laptop_cont .laptop_screen .two .jsfw .jsfw_cont .zzwy{width: 67px;height: 240px;float: left;opacity: 0.7;transition:  .6s;padding: 10px;text-align: center;}
.laptop .laptop_cont .laptop_screen .two .jsfw .jsfw_cont .zzwy:hover{opacity: 1;background: #ff9f1a;}

.laptop .laptop_cont .laptop_screen .two .jsgl{width: 260px;height: 260px;background: url(../images/jsgl.jpg) no-repeat;float: left;margin-right: 5px;}
.laptop .laptop_cont .laptop_screen .two .jsgl .jsgl_cont{width: 260px;height: 260px;background: #fff;opacity: 0;display: block;transition: 0.3s;-webkit-transition: .5s;-moz-transition: .5s;float: left;}
.laptop .laptop_cont .laptop_screen .two .jsgl:hover .jsgl_cont{color: #656e73;opacity: 1;}
.laptop .laptop_cont .laptop_screen .two .jsgl .jsgl_cont h1 a{font-size: 16px;color: #000;line-height: 24px;}
.laptop .laptop_cont .laptop_screen .two .jsgl .jsgl_cont h1 a:hover{color: #fff;}
.laptop .laptop_cont .laptop_screen .two .jsgl .jsgl_cont h2 a{font-size: 14px;color: #000;font-weight: normal;}
.laptop .laptop_cont .laptop_screen .two .jsgl .jsgl_cont h2 a:hover{color: #fff;}
.laptop .laptop_cont .laptop_screen .two .jsgl .jsgl_cont h3{border-bottom: 2px solid #fff;}
.laptop .laptop_cont .laptop_screen .two .jsgl .jsgl_cont h3 a{font-size: 16px;color: #000;line-height: 37px;padding-bottom: 3px;}
.laptop .laptop_cont .laptop_screen .two .jsgl .jsgl_cont h3 a:hover{color: #fff;}
.laptop .laptop_cont .laptop_screen .two .jsgl .jsgl_cont .topleft{ width:130px; height:90px;float:left;opacity: 0.7;transition: .6s; padding-top:40px;text-align:center;}
.laptop .laptop_cont .laptop_screen .two .jsgl .jsgl_cont .topleft:hover{opacity: 1; background:#ff3838;}
.laptop .laptop_cont .laptop_screen .two .jsgl .jsgl_cont .topright{ width:130px; height:90px;float:left;opacity: 0.7;transition: .6s;padding-top:40px;text-align:center;}
.laptop .laptop_cont .laptop_screen .two .jsgl .jsgl_cont .topright:hover{opacity: 1;background:#7158e2;}
.laptop .laptop_cont .laptop_screen .two .jsgl .jsgl_cont .bottomleft{width:110px; height:110px;float:left;opacity: 0.7;transition: .6s;padding:10px;text-align:center; }
.laptop .laptop_cont .laptop_screen .two .jsgl .jsgl_cont .bottomleft:hover{opacity: 1; background:#ff9f1a;}
.laptop .laptop_cont .laptop_screen .two .jsgl .jsgl_cont .bottomright{ width:130px; height:90px;float:left;opacity: 0.7;transition: .6s;padding-top:40px;text-align:center;}
.laptop .laptop_cont .laptop_screen .two .jsgl .jsgl_cont .bottomright:hover{opacity: 1; background:#07c548;}

.laptop .laptop_cont .laptop_screen .two .xtpt{width: 260px;height: 260px;background: url(../images/xtpt.jpg) no-repeat;float: left;margin-right: 5px;}
.laptop .laptop_cont .laptop_screen .two .xtpt .xtpt_cont{width: 260px;height: 260px;background: #fff;opacity: 0;display: block;transition: 0.3s;-webkit-transition: .5s;-moz-transition: .5s;float: left;}
.laptop .laptop_cont .laptop_screen .two .xtpt:hover .xtpt_cont{color: #656e73;opacity: 1;}
.laptop .laptop_cont .laptop_screen .two .xtpt .xtpt_cont h1{font-size: 16px;color: #000;line-height: 24px;}
.laptop .laptop_cont .laptop_screen .two .xtpt .xtpt_cont h1 a:hover{color: #fff;}
.laptop .laptop_cont .laptop_screen .two .xtpt .xtpt_cont h2 a{font-size:14px;font-family:"微软雅黑";color:#000000;padding-right: 15px;font-weight: normal;}
.laptop .laptop_cont .laptop_screen .two .xtpt .xtpt_cont h2 a:hover{color:#fff;}
.laptop .laptop_cont .laptop_screen .two .xtpt .xtpt_cont .cont_1{width:240px;height:66px;float:left;opacity: 0.7;transition: .6s;padding:10px;}
.laptop .laptop_cont .laptop_screen .two .xtpt .xtpt_cont .cont_1:hover{opacity: 1; background:#ff3838;}
.laptop .laptop_cont .laptop_screen .two .xtpt .xtpt_cont .cont_2{width:240px;height:67px;float:left;opacity: 0.7;transition: .6s;padding:10px;}
.laptop .laptop_cont .laptop_screen .two .xtpt .xtpt_cont .cont_2:hover{opacity: 1;background:#7158e2;}
.laptop .laptop_cont .laptop_screen .two .xtpt .xtpt_cont .cont_3{width:240px;height:67px;float:left;opacity: 0.7;transition: .6s;padding:10px;}
.laptop .laptop_cont .laptop_screen .two .xtpt .xtpt_cont .cont_3:hover{opacity: 1; background:#ff9f1a;}

.laptop .laptop_cont .laptop_screen .two .zxjx{width: 260px;height: 260px;background: url(../images/zxjx.jpg) no-repeat;float: left;}
.laptop .laptop_cont .laptop_screen .two .zxjx .zxjx_cont{width: 260px;height: 260px;background: #fff url(../images/orange-bt2.png) no-repeat;opacity: 0;display: block;transition: 0.3s;-webkit-transition: .5s;-moz-transition: .5s;float: left;}
.laptop .laptop_cont .laptop_screen .two .zxjx .zxjx_cont .hd{width:100%;height:36px;}
.laptop .laptop_cont .laptop_screen .two .zxjx .zxjx_cont .hd .more{width: 58px;height: 36px;text-align: center;float: right;}
.laptop .laptop_cont .laptop_screen .two .zxjx .zxjx_cont .bd{width:100%;height:224px;}
.laptop .laptop_cont .laptop_screen .two .zxjx:hover .zxjx_cont{color: #656e73;opacity: 1;}

.laptop .laptop_cont .laptop_menu{height: 60px;width: 100%;min-width: 1120px;margin: 0 auto;float: left;background: url(../images/laptop_bg.gif);}
.laptop .laptop_cont .laptop_menu .line{height: 6px;width: 100%;margin: 4px 0;background: url(../images/topline.png) repeat-x;display: block;}
.laptop .laptop_cont .laptop_menu .buttons{}
.laptop .laptop_cont .laptop_menu .buttons .btn1{width:65px;float:left;margin-left: 20px;}
.laptop .laptop_cont .laptop_menu .buttons .btn1 a{display: block;margin: 0 auto;width:40px;height:40px;overflow: hidden;}
.laptop .laptop_cont .laptop_menu .buttons .btn1 img{width:100%;height:100%;transform: scale(1);transition: all 1s ease 0s;}
.laptop .laptop_cont .laptop_menu .buttons .btn1 a:hover img{transform: scale(0.8);transition: all 1s ease 0.2s;}
.laptop .laptop_cont .laptop_menu .buttons .btn2{width: 40px;height: 40px;margin: 0 auto;float: left;display: inline-block;padding: 5px;background: url(../images/navigate.png) no-repeat center top;color: white;opacity: 0.85;cursor: pointer;transition: 0.25s ease;}
.laptop .laptop_cont .laptop_menu .buttons .btn2:hover{opacity: 1;}
.laptop .laptop_cont .laptop_menu .buttons .btn3{width: 65px;margin: 0 auto;float: left;text-align: center;}
.laptop .laptop_cont .laptop_menu .buttons .btn3 a{display: block;margin: 0 auto;width:40px;height:40px;overflow: hidden;}
.laptop .laptop_cont .laptop_menu .buttons .btn3 img{width:100%;height:100%;transform: scale(1);transition: all 1s ease 0s;}
.laptop .laptop_cont .laptop_menu .buttons .btn3 a:hover img{transform: scale(0.8);transition: all 1s ease 0.2s;}
.laptop .laptop_cont .laptop_menu .buttons .btn4{width:515px;margin: 0 auto;float:left;text-align:center;height:50px;position: relative;}
.laptop .laptop_cont .laptop_menu .buttons .btn5{width: 40px;margin: 0 5px;float: left;text-align: center;}
.laptop .laptop_cont .laptop_menu .buttons .btn5 .arrows a{display: block;margin: 0 auto;width: 30px;height: 30px;overflow: hidden;}
.laptop .laptop_cont .laptop_menu .buttons .btn5 .arrows img{width: 100%;height: 100%;transform: scale(1);transition: all 1s ease 0s;}
.laptop .laptop_cont .laptop_menu .buttons .btn5 .arrows:hover + .arrows_cont{display:block}
.laptop .laptop_cont .laptop_menu .buttons .btn5 .arrows:hover img{transform: scale(0.8);transition: all 1s ease 0.2s;}
.laptop .laptop_cont .laptop_menu .buttons .btn5 .arrows_cont{margin-left: -70px;margin-top: -125px;border: 1px solid #fff;width: 100px;height: 98px;display: none;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);position: relative;z-index: 999;}
.laptop .laptop_cont .laptop_menu .buttons .btn5 .arrows_cont:hover{display: block;}
.laptop .laptop_cont .laptop_menu .buttons .btn5 .arrows_cont li{float: left;}
.laptop .laptop_cont .laptop_menu .buttons .btn5 .arrows_cont li:hover{background: #f5f5f5;}
.laptop .laptop_cont .laptop_menu .buttons .btn5 .arrows_cont li a{margin: 5px;width: 40px;display: block;}
.laptop .laptop_cont .laptop_menu .buttons .btn5 .arrows_cont li:last-child{border-bottom: 0px;}
.laptop .laptop_cont .laptop_menu .buttons .btn5 .arrows_cont a:hover img{transform: scale(0.8);transition: all 1s ease 0.2s;}
.laptop .laptop_cont .laptop_menu .buttons .btn6{width: 40px;margin: 0 5px;float: left;text-align: center;}
.laptop .laptop_cont .laptop_menu .buttons .btn6 .wechat a{display: block;margin: 0 auto;width: 40px;height: 40px;overflow: hidden;}
.laptop .laptop_cont .laptop_menu .buttons .btn6 .wechat img{width:100%;height:100%;transform: scale(1);transition: all 1s ease 0s;}
.laptop .laptop_cont .laptop_menu .buttons .btn6 .wechat:hover + .wechat_cont{display:block}
.laptop .laptop_cont .laptop_menu .buttons .btn6 .wechat a:hover img{transform: scale(0.8);transition: all 1s ease 0.2s;}
.laptop .laptop_cont .laptop_menu .buttons .btn6 .wechat_cont{margin-left: -70px;margin-top: -190px;border:1px solid #FFFFFF;width:150px;height:150px;display:none;box-shadow:1px 1px 2px rgba(0,0,0,0.3);position:relative;z-index:999;}
.laptop .laptop_cont .laptop_menu .buttons .btn6 .wechat_cont img{width: 150px;}
.laptop .laptop_cont .laptop_menu .buttons .btn7{width: 175px;margin: 0 auto;float: left;text-align: center;}
.laptop .laptop_cont .laptop_menu .buttons .btn7 a{display: block;margin: 0 auto;width:37px;height:37px;overflow: hidden;float: left;padding: 0 10px;}
.laptop .laptop_cont .laptop_menu .buttons .btn7 img{width:100%;height:100%;transform: scale(1);transition: all 1s ease 0s;}
.laptop .laptop_cont .laptop_menu .buttons .btn7 a:hover img{transform: scale(0.8);transition: all 1s ease 0.2s;}
.laptop .laptop_cont .laptop_menu .buttons .btn8{width: 130px;margin: 0 auto;float: left;text-align: center;line-height: 20px;color:#fff;}
.wp_article_list .list_item{height:27px;}
.wp_article_list .list_item:hover{background:#f39d08;}
.wp_article_list .list_item .Article_Title a:hover{color:#fff;}
.laptop .laptop_cont .laptop_bottom{height: 118px;width: 100%;min-width: 1120px;float: left;background: url(../images/laptop_bottom.png);}

.laptop .laptop_right{height: 100%;width: 160px;min-width: 160px;background: url(../images/laptop_right.png);float: left;margin: 0 auto;}
.picbase1-content p{display:none}
.picbase1-content{display:none};

/* 搜索栏 */
.search-wrapper{position: absolute;-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);transform: translate(0, -50%);top:40%;left:1%;}
.search-wrapper.active{}
.search-wrapper .input-holder{overflow: hidden;height: 40px;background: rgba(255,255,255,0);border-radius:5px;position:relative;width:40px;border-radius: 10px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.search-wrapper.active .input-holder{border-radius: 50px;width:430px;background: rgba(0,0,0,0.5);-webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);-moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);border:2px solid #FFFFFF;}
.search-wrapper .input-holder .search-input{width:100%;height: 30px;padding:0px 70px 0 20px;opacity: 0;position: absolute;top:0px;left:0px;background: transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:none;outline:none;font-family:"Open Sans", Arial, Verdana;font-size: 16px;font-weight: 400;line-height: 20px;color:#FFF;-webkit-transform: translate(0, 120px);-moz-transform: translate(0, 120px);transform: translate(0, 120px);-webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);-moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;transition-delay: 0.3s;}
.search-wrapper.active .input-holder .search-input{opacity: 1;-webkit-transform: translate(0, 5px);-moz-transform: translate(0, 5px);transform: translate(0, 5px);}
.search-wrapper .input-holder .search-icon{width:40px;height:40px;border:none;border-radius:6px;background: #FFF;padding:0px;outline:none;position: relative;z-index: 2;float:right;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.search-wrapper.active .input-holder .search-icon{width: 36px;height:36px;margin: 2px;border-radius: 16px;}
.search-wrapper .input-holder .search-icon span{width:23px;height:23px;display: inline-block;vertical-align: middle;position:relative;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);-moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);}
.search-wrapper.active .input-holder .search-icon span{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after{position: absolute;content:'';}
.search-wrapper .input-holder .search-icon span::before{width: 4px;height: 11px;left: 9px;top: 18px;border-radius: 2px;background: #939594;}
.search-wrapper .input-holder .search-icon span::after{width: 14px;height: 14px;left: 0px;top: 0px;border-radius: 16px;border: 4px solid #939594;}
.search-wrapper .close{position: absolute;z-index: 1;top:15px;right:10px;width:18px;height:18px;cursor: pointer;-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);transform: rotate(-180deg);-webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);-moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;transition-delay: 0.2s;}
.search-wrapper.active .close{right:-30px;top:10px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);-moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);-webkit-transition-delay: 0.5s;-moz-transition-delay: 0.5s;transition-delay: 0.5s;}
.search-wrapper .close::before, .search-wrapper .close::after{position:absolute;content:'';background: #FFF;border-radius: 2px;}
.search-wrapper .close::before{width: 5px;height: 25px;left: 10px;top: 0px;}
.search-wrapper .close::after{width: 25px;height: 5px;left: 0px;top: 10px;}
.search-wrapper .result-container{width: 100%;position: absolute;top:0px;left:0px;text-align: center;font-family: "Open Sans", Arial, Verdana;font-size: 14px;display:none;color:#B7B7B7;}

/* 地图主页 */
.navigate{position: fixed;padding: 40px;color: white;z-index: 1;opacity: 1;visibility: visible;pointer-events: auto;display:none;transition: 200ms ease;max-width: 1000px;min-width: 900px;text-align: center;}
.navigate{background:#FFFFFF url(../images/jg.png) top left no-repeat;min-height:500px;left: 50%;right: auto;top: 5%;bottom: auto;box-shadow: 0 0 0 3000px rgba(0,0,0,0.4);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);display: none;}
.maphome{width:100px; height:120px; float:left; margin:0px 10px;}
.maphome a{font:bold 20px "microsoft yahei"; color:#FFFFFF; }
.maphome a:hover{ color:#FF0000;}
.maptitle{width:440px; height:120px; font:bold 34px "microsoft yahei";float:left; line-height:90px;margin:0px 40px;}
.mapvisit{width:120px;height:80px;font:nomarl 16px "microsoft yahei";color:#000000;float:left;line-height:30px;background:#eaeaea;border:1px #eaeaea solid;border-radius: 10px;margin-left:16px;margin-top:20px;padding:30px 10px 10px 10px;}
.mapcontentitle{width:260px;height:50px;margin:30px 20px 35px 20px;text-align:left;float:left;}
.mapcontentitle a{font:bold 24px "microsoft yahei";color:#0189ff;}
.mapcontentitle a:hover{font:bold 24px "microsoft yahei";color:#ffffff;background:#0189ff;border:3px solid #0189ff;border-radius: 10px;}
.mapcontent{width:260px;height:30px;margin:25px 20px 5px 0;text-align:left;float:left;}
.mapcontent a{font-size:14px;color:#979a9d;padding-right: 15px;font-weight:normal}
.mapcontent a:hover{color:#FF0004; background:#eaeaea;border:3px solid #eaeaea;border-radius: 6px;font-weight:normal;font-size:14px}
.mapweather{width:120px;float:left;height:60px;padding-top:20px;}
.maptold{width:700px;height:100px;line-height:24px;text-align:left;color:#000000;background:#eaeaea;border:1px #eaeaea solid;border-radius: 20px;padding:10px;float:left;margin-top:20px;}
.maptold h1{font-size: 14px;}
.maptold h3{font-weight: normal;font-size: 14px;}
.picbase1-slidenav{z-index:1}


/* 栏目页 */
body.page{background: #f0f0f0;}
.header{width: 1000px;margin: 0 auto;min-width: 1000px;_width:1000px;height: 350px;background: url(../images/header_bg.jpg) repeat-y center top #193A6F;position: relative;}
.header .logo_home{width: 100%;height: 100px;}
.header .logo_home .logo{width: 770px;height: 100px;float: left;}
.header .logo_home .logo img{width: 524px;height: 83px;margin-top: 8px;}
.header .logo_home .home{float: left;max-width: 190px;height: 60px;margin-top: 20px;position: relative;}
.header .logo_home .home .home_img{width: 100%;height: 20px;}
.header .logo_home .home .home_img li{float: left;width: 25px;height: 20px;margin-right: 10px;text-align: center;}
.header .logo_home .home .home_img li img{width: 20px;height: 20px;}
.header .logo_home .home .home_img .header-button{height: 24px;width: 25px;color: transparent;border: 0;outline: none;background: url(../images/navsearch.png) center center no-repeat;}
#search-form {-moz-transition: max-height, 0.5s;-o-transition: max-height, 0.5s;-webkit-transition: max-height, 0.5s;transition: max-height, 0.5s;position: absolute;top: 30px;left: -50px;width: 220px;max-height: 0;overflow: hidden;background-color: #e1e4e7;}
#search-form.open {max-height: 30px;}
#search-form fieldset {position: relative;margin: auto 0;padding: 0;border: none;}
#search-form input {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display: block;height: 30px;}
#search-form input[type="search"] {width: 100%;padding: 0 5px 0 10px;background: transparent;border: none;color:#f39d08;}
#search-form input[type="submit"] {position: absolute;bottom: 0;right: 0;width: 50px;font-weight: 700;text-transform: uppercase;color: #ffffff;background: #f39d08;border: none;cursor: pointer;}
.header .logo_home .home .home_list{width: 100%;margin-top: 3px;}
.header .logo_home .home .home_list li{width: 25px;float: left;margin-right: 10px;text-align: center;font-size: 12px;color: #fff;}

.navigation-inner{margin:0 auto;width:980px;position:relative;}
/* 主导航条高度、离左侧距离 */
.navigation-v3{margin-left:130px;float:left;height:60px;}
/* 主导航条文字设置 */
.navigation-v3 ul{float:left}
.navigation-v3 li{float:left;color:#fff; width:106px; text-align:center;}
.navigation-v3 li a{font-size: 14px;color:#fff;display:inline-block;height:60px;line-height: 60px;}
.navigation-v3 li.nav-up-selected{background:#f39d08; border-radius:6px;;border:1px #FFFFFF solid; width:106px;}
.navigation-v3 li.nav-up-selected-inpage{color:#61789e;background:#f39d08; border-radius:6px;border:1px #FFFFFF solid;width:80px; margin-right:1px;}
.navigation-v3 li h1{font-weight:normal;}
.navigation-v3 li h2{font-weight:normal;}
/* 顶部导航下拉菜单 */
.navigation-down{position:absolute;left:0px;width:100%;}
.navigation-down .nav-down-menu{width:100%;margin:0;background:url(../images/navbg.png) repeat; position:absolute;}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1000px;position:relative}
.navigation-down .nav-down-menu ul{float:left;margin:18px 80px 18px 0}
.navigation-down .menu-1 ul{margin:20px 80px 25px 0}
.navigation-down .menu-1 li{text-align:center;line-height: 28px;}
.navigation-down .menu-1 li a{color:#fff;font-size: 14px;height: 28px;line-height: 28px;}
.navigation-down .menu-1 li a:hover{color:#f39d08;}
.navigation-down .menu-2 li a,.navigation-down .menu-3 li a{color:#fff;}



/* 栏目页中间部分定义*/
.content{min-width:1000px;_width:1000px; width:1000px; margin:auto;}
/* 栏目页中间距离header定义*/
.detailContent{width: 100%;margin-top:5px;}
/* 清除浮动*/
.clearfix{*display:table;*zoom:1}
.clearfix:after{display:block;content:'';clear:both;height:0;visibility:hidden}
/* 定义左右列并排，以及宽度，右列最小的高度*/
.detailContent .column_1,.detailContent .column_2{float:left;_display:inline}
.detailContent .column_1{width:260px;}
.detailContent .column_2{margin:0 0 0 5px;width:733px; min-height:570PX; background:#FFFFFF; border:1px solid #cacaca;}
/* 定义左列栏目列表栏目选择列表样式*/
.detailContent .leftNav{border-left:10px solid #08080A;position:relative;top:0px;left:0px;width:250px;}/* 定义整个栏目列表的宽度和左侧粗线 */
.detailContent .leftNav h3{background:#08080A;color:#fff;font-size:20px;line-height:48px; padding-left:80px;}/* 一级栏目文字以及背景颜色*/
.detailContent .leftNav ul{border-top:1px solid #ddd;margin-top:15px;display:block}/* 二级栏目距离一级栏目距离边框颜色*/
.detailContent .leftNav li{border-bottom:1px solid #ddd;font-size:15px;line-height:22px;zoom:1;position:relative}/* 二级栏目行高和底边框颜色*/
.yahei{font-family:"\5FAE\8F6F\96C5\9ED1"; background:#FFFFFF;}/* 二级栏目背景颜色*/
.detailContent .leftNav li a{color:#22132d;display:block;padding:1em 0 1em 22px;zoom:1}/* 二级栏目字体颜色，内部间距*/
.detailContent .leftNav li a:hover{position:relative;color:#f39d08;border-left:4px solid #f39d08;left:-4px; }/* 二级栏目经过样式*/
.detailContent .leftNav li.selected a{position:relative;color:#ffffff;background:#f39d08;border-left:4px solid #ffffff;left:-4px;width:228px; font-weight:bold;}/* 二级栏目选中栏后显示的样式，左侧粗线以及背景*/
.detailContent .leftNav li.selected a:hover{}/* 二级栏目选中栏后经过样式，暂时不用*/
.detailContent .leftNav li.selected ul{display:block;}
.detailContent .leftNav li.parent a{}/* 点击三级栏目后，对应二级栏目以及所有三级栏目样式，暂时不用*/
.detailContent .leftNav li.parent ul{display:block;}
.detailContent .leftNav li ul li{border-bottom:0;border-top:1px solid #ddd;font-size:14px}/* 三级栏目字体、上边框*/
.detailContent .leftNav li.selected ul{border-left:4px solid #f39d08;left:4px;width:90%;}/* 三级栏目正常显示的样式*/
.detailContent .leftNav li.selected ul li a{color:#08080a;font-family:"Lucida Sans Unicode","Lucida Grande",Tahoma,Arial,Helvetica,sans-serif;padding:11px 5px 11px 34px;border:0;position:static;margin-right:0;line-height:20px; background:#ffffff; font-weight:normal;width:90%;}/* 选中二级栏目后，对应三级栏在还未点击鼠标时的样式*/
.detailContent .leftNav li ul{margin:0;border:0;position:relative;border-left:4px solid #f39d08;left:4px;width:90%;display:none}/* 选中二级栏目后，三级栏目后对应样式*/
.detailContent .leftNav li ul li a{position:relative; color:#08080a;line-height:20px;font-weight:normal; left:12px; padding-left:24px;}/* 选中后，三级栏目对应样式*/
.detailContent .leftNav li ul li a:hover{position:relative; border-left:4px solid #08080a;color:#f39d08; left:-4px; width:80%;padding-left:40px;}/* 选中后，三级栏目对应样式鼠标经过*/
.detailContent .leftNav li ul li.selected a{ position:relative; border-left:4px solid #ffffff;left:0px;width:85%; padding-left:32px;}/* 选中后，三级选中栏目对应样式*/
.detailContent .leftNav li ul li.selected a:hover{color:#ffffff;padding-left:32px;}/* 选中后，三级选中栏目对应样式鼠标经过*/
/* 暂不用开始*/
.detailContent .leftNav .menuicon{color:#fff;float:right;text-indent:0;display:none}/* 暂不知用在何处*/
.detailContent .leftNav li i{position:absolute;font-size:10px;color:#DD5503;border-left:1px solid #ddd;padding:1.5em 4px;*padding:2.1em 4px;cursor:pointer;top:0;right:0;bottom:0}/* 字体定义斜体时样式，暂不用*/
.detailContent .leftNav li i:hover,.detailContent .leftNav li i.parent{background:#f7f7f7}/* 字体定义斜体时样式，暂不用*/
/* 暂不用结束*/

/* 定义左列常用链接列表样式*/
.detailContent .leftNav2{position:relative;left:0px;width:100%}
.detailContent .leftNav2 h3{background:#08080A;color:#fff;font-size:20px;line-height:48px;text-align:center}
.detailContent .leftNav2 .often{font-family:"\5FAE\8F6F\96C5\9ED1"; border:1px solid #cacaca; border-top:none; padding:5px; background:#FFFFFF; min-height:300px;}
.detailContent .leftNav2 .often ul{ width:100%; height:38px;margin:auto; background:url(../images/leftnavbottom.png) bottom repeat-x; line-height:38px;}
.detailContent .leftNav2 .often li{float:left;height:100%;}
.detailContent .leftNav2 .often .imgtitle{ height:38px;width:20px;margin-left:10px;}
.detailContent .leftNav2 .often .imgtitle img{vertical-align: middle;}
.detailContent .leftNav2 .often .wztitle{ height:38px;width:80px; text-align:left; line-height:38px; padding-left:10px;}
.detailContent .leftNav2 .often .wztitle:hover{background:#f39d08; border-radius:4px;}
.detailContent .leftNav2 .often ul li a{color:#22132d;font:normal 13px "microsoft yahei";}
.detailContent .leftNav2 .often ul li a:hover{color:#fff;}
/* 定义右列您的位置和栏目名称*/
.contentNav{border-bottom:5px solid #08080a; padding-top:1px;}
/* 定义右列您的位置*/
.contentNav .nav{color:#08080a;font:normal 14px "microsoft yahei"; height:40px; background:url(../images/bg_wrapper.gif); border-bottom:1px solid #cacaca; line-height:40px;}
.contentNav .nav a{color:#08080a;font:normal 14px "microsoft yahei";}
.contentNav .nav a:hover{color:#f39d08}
.contentNav .nav .possplit { background: url(../images/arrow.gif) no-repeat 50%; display: inline-block; width: 11px; margin: 0 5px;}
.contentNav .nav .home {float:left; margin-left:10px; margin-right:5px;font:normal 14px "microsoft yahei";color:#08080a; line-height:40px;}
/* 定义右列栏目名称*/
.contentNav h1{ height:30px; vertical-align:middle; text-align:center;font-size:24px;color:#08080a;line-height:1.25em;padding:.4em 0 .6em 0; background:url(../images/title.png) left repeat-y;}
/* 定义右列栏目明细信息样式*/
.mainContent .article{ padding:0px 0px 5px 5px;width:711px; max-width:711px;}
.mainContent .article .contendetail{width:100%; height:100%; margin:5px 0;padding:5px; border-right:2px #fff solid}
.mainContent .article .contendetail:hover{ background:#fffaf1; border-right:2px #08080a solid;}
/* 列表data日期背景图和文字样式定义 */
.mainContent .article .contendetail ul{height:70px;font-size:13px; line-height:22px;margin-top:5px;}
.mainContent .article .contendetail li{float:left; margin:auto;}
.mainContent .article .contendetail .date{ background: url(../images/data.png); color: #ffffff;}
.mainContent .article .contendetail .date{ width:70px; height:70px; text-align:center; font-family:Arial, Helvetica, sans-serif; float:left; margin-right:5px; line-height:29px;}
.mainContent .article .contendetail .date p{ font-size:24px; line-height:40px;font-weight:bold;}
/* 列表标题定义 */
.mainContent .article .contendetail .cont{ width:635px;}
.mainContent .article .contendetail .cont h1{ font-size:18px; line-height:18px; display:inline;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.mainContent .article .contendetail .cont h1 a{color:#08080a;}
.mainContent .article .contendetail .cont h1 a:hover{color: #f39d08;}
/* 列表标题附文定义 */
.mainContent .article .contendetail .cont p a{ font-size:12px; line-height:18px; display:inline;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#0e246b;}
.mainContent .article .contendetail .cont p a:hover{color:#f39d08;}
/* 列表作者等定义 */
.mainContent .article .contendetail .cont p{color:#999999; padding-top:5px; line-height:20px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
/* 栏目页定义结束 */


/*分页跳转*/
.pager {clear: both;margin:25px 0 ;font-size:14px;font-family:Arial, Helvetica, sans-serif;text-align:center;}
.pager a {background:none; border: 1px solid #aaa;color: #fcbb4b;display: inline-block;line-height: 32px;margin: 0 2px;padding: 0 10px;height:32px;border-radius:3px;vertical-align:middle;}
.pager b {background:none; color: #fcbb4b; display: inline-block;line-height: 32px;margin: 0 2px;padding: 0 10px;height:32px;vertical-align:middle;}
.pager a:hover, .pager a.current {background-color: #fcbb4b;color: #FFFFFF;font-weight: bold;text-decoration: none;}
.pager .p {font-size:22px;}
.pager input {height: 32px;line-height: 32px; width: 30px;text-align: center;background: none;border: 1px solid #aaa; vertical-align: middle;border-radius:3px;margin:0 5px;}
.pager span {padding: 0  0 0 20px;color: #777}



.footer{width:1000px;margin:auto;min-width:1000px; background:#08080a; height:340px; margin-top:5px;clear:both;
overflow:hidden;}
/* 底部左侧样式 */
.footer .footerleft{width:30%; height:100%; float:left; text-align:center;}
.footer .footerleft p{color:#fff;display:inline-block;font-family: "microsoft yahei"; font-size:13px;}
.footer .footerleft p1{color:#fff;display:inline-block;font-family: "microsoft yahei"; font-size:14px; margin-left:28px; margin-bottom:5px;}
/* 底部中间样式 */

.footer .footercenter{
    width:39%; 
    height:100%; 
    float:left; 
    position:relative;
    z-index:1;
}

.footer .footercenter::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(../images/xiaohui.png) no-repeat center center; /* 修改这里 */
    opacity:0.2; /* 背景图片的透明度 */
    z-index:-1;
}
.footer .footercenter p{width:96%; text-align:center; margin:7px 0; color:#FFFFFF; font-size:14px; line-height:16px; font-family: "microsoft yahei"; float:left;}
.footer .footercenter p a{ font-family:"microsoft yahei"; color:#FFFFFF;}
.footer .footercenter p a:hover{ font-family:"microsoft yahei"; color:#f39d08; background:#FFFFFF;}
/* 底部右侧样式 */
.footer .footerright{width:30%; height:100%;float:left;}
/* 底部左右分隔样式 */
.footer .fenge{height:240px; width:2px; margin-top:30px; background:url(../images/foot-fg.png); float:left;}
/* 底部友情连接样式 */
.footer .footWrap{background:url(../images/footline.png) center; height:40px; width:98%; float:left; text-align:center;}
.footer .footWrap .footerNav{margin:0 auto; width:1000px;_width:1000px;min-width:1000px;}
#footnav_layer { width:100%; margin: 0 auto; }
#footnav #footnav_layer { text-align: center; height:40px; letter-spacing: 0.1em; 、}
#footnav #footnav_layer span { color: #FFFFFF; display: inline-block; font-weight: 500; font:normal 14px "microsoft yahei"; line-height: 40px; padding: 0 25px; }
#footnav #footnav_layer span div { position: absolute; width: 100%; min-width:1000px; height:0px; background: url(../images/footer.png) center no-repeat; text-align: center; z-index: 998; left: 0; overflow: hidden; transition: all 0.3s; margin:auto;}
#footnav #footnav_layer span div a {color: #FFFFFF;}
#footnav #footnav_layer span div a:hover { color:red;}
#footnav #footnav_layer span:hover > div { height:283px; padding-top:17px; }


/* 文章页主体定义开始 */
.dpcontent{width:1000px; max-width:1000px;margin:0 auto;}
.dpcontent .column{_display:inline; width:998px; max-width:998px; min-height:500PX; background:#FFFFFF; border:1px solid #cacaca;margin-top:5px;}
.dpcontent .column .article p{padding:0.3em 10px;}
.dpcontent .column .article p:first-child{padding-top:0}
.dpcontent .column .article table{border-collapse:collapse;}
.dpcontent .column .article table p{margin:0;}
.dpcontent .column h2{font-size:19px;font-weight:bold;}

/* 文章内容上部导航部分样式 */
.column .nav{ width:996px; max-width:996px; height:40px;color:#999; font-family:"微软雅黑"; background:url(../images/bg_wrapper.gif) #FFFFFF; border-bottom:1px solid #cacaca; margin:1px; line-height:40px;}
.column .nav .possplit{background: url(../images/arrow.gif) no-repeat 50%;display:inline-block;width:11px;margin: 0 5px;}
.column .nav a{color:#08080a;font-size:14px}
.column .nav a:hover{color:#f39d08;}
.column .nav .home{float:left; margin-left:10px;font:normal 14px/40px "microsoft yahei";color:#08080a;}

/* 标题栏和作者栏整体框架定义 */
.contentNav{border-bottom:5px solid #08080a; width:100%; margin:auto; height:100px;}
/* 左侧标题栏宽度、文字样式以及容器居中定义 */
.dpcontent .column .contentNav .navtitle{ width:77%; float:left; height:100px;}
.contentNav .titlestyle{text-align:center;font-size:24px; line-height:36px;color:#08080a;padding:0 .6em; font-family:"微软雅黑"; font-weight:bold; height:100px; }
/*标题文字随flex容器垂直居中对齐*/
.align-center-vertical{display: flex;align-items: center;justify-content: space-around;flex-direction: column;
}
/* 左侧标题栏宽度、文字样式以及容器居中定义 */
.dpcontent .column .contentNav .navauthor{ width:22%; float:left; height:100px; font:normal 12px/25px "microsoft yahei";background:#08080a; color:#FFFFFF; padding-left:1%;}
.dpcontent .column .contentNav .navauthor img{vertical-align:middle;}
.contentNav h1.txtTitle{color:#08080a;font-size:20px}
.contentNav h1.noNav{padding:0 0 1em 0;font-size:20px}
.contentNav p .author{padding:5px;float:left;/*color: #2365a8;*/font-style:normal; width:100%;}
.dpcontent .article .fullwidth{margin-right:0;width:100%;}
.dpcontent .article img{max-width: 100%;height: auto;}
.wp_articlecontent{margin:10px 20px;line-height: 2.7em;}/* 文章内容框架离article距离 */
.wp_articlecontent p{font-size:14px; font-family:"微软雅黑";}/* 文章内容默认大小、样式 */
/* 文章页主体定义结束 */

/* 热门和最新文章 */
.hotnew{width:1000px; max-width:1000px;margin:0 auto;}
.hotred{background: url(../images/hotcontent.png) no-repeat; background-size: 498px 130px; width:498px; height:130px; margin:5px 5px 5px 0; float:left;}
.hotcontent{width:486px;height:122px;border:1px #cacaca solid;background:#ffffff;position:absolute;opacity: 0;display: block;transition: 0.3s;-webkit-transition: .5s;-moz-transition: .5s;float:left;padding:3px 5px;}
.hotred:hover .hotcontent{color: #656e73;opacity: 1;}
.hotcontent a{ font-size:14px; font-family:"微软雅黑"; color:#08080a; line-height:24px;}
.hotcontent a:hover{background:#CC1215; color:#FFFFFF;}
.newblue{background: url(../images/newcontent.png) no-repeat; background-size: 497px 130px; height:130px; width:497px; float:left;margin:5px 0 0 0;}
.newcontent{width:485px;height:122px;border:1px #cacaca solid;background:#ffffff;position:absolute;opacity: 0;display: block;transition: 0.3s;-webkit-transition: .5s;-moz-transition: .5s;float:left;padding:3px 5px;}
.newblue:hover .newcontent{color: #656e73;opacity: 1;}

.dpcontent .article .tool-buttons img{height:min-content}